<template>
  <view class="my-order">
    <view class="list">
      <view v-for="(item,index) in dataList" :key="index" class='item'>
        <view @click="actDetail(item)">
          <view class='title acea-row row-between-wrapper'>
            <view class="acea-row row-middle left-wrapper">
              活动时间 {{ item.activity_time | formatDate }}
            </view>
          </view>
          <view class='item-info acea-row row-between row-top'>
            <view class='pictrue'>
              <image :src='item.thumb'></image>
            </view>
            <view class='text acea-row row-between'>
              <view class='name line2'>{{ item.title }}</view>
              <view class='money'>
                <view>{{ item.address }}</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import dataList from "@/mixins/dataList";
import {userActivityLikeList, userActivityList} from "@/api/2_activity";
import {str2arr} from "@/utils";

export default {
  name: 'join-activity-list',
  mixins: [dataList],
  filters: {
    filters: {
      banner(val) {
        return str2arr(val)[0]
      }
    }
  },
  data() {
    return {};
  },
  onLoad() {
    this.setDataListReq(userActivityList)
    this.getDataList()
  },
  methods: {
    actDetail(item) {
      uni.navigateTo({
        url: `/pages/2_development/activity/details?id=${item.ac_id}`
      })
    }
  }
}
</script>

<style lang="scss">
@import "./order-list.scss";

.my-order {
  .list {
    padding-top: 30rpx;
  }
}
</style>
